// todo ================================ 发ajax请求获取用户信息 ================================
function getUserInfo() {
    axios
        .get('/my/userinfo', {
            // 不想在这写重复代码
            // headers: {
            //     // Authorization: 需要获取token的值， 本地存储过了（取出来）
            //     Authorization: localStorage.getItem('token'),
            // },
        })
        .then(({ data: res }) => {
            console.log(res) // 服务器响应回来的数据

            // // 控制访问权限
            // if (res.status === 1 && res.message === '身份认证失败！') {
            //     location.href = '/login.html'
            // }

            // 回顾 逻辑或 ||    可以用于设置默认值
            // console.log(6 || 0) // 结果 6
            // console.log(null || 0) // 结果 0

            // 先处理好名字 （优先级   优先展示  nickname）
            let name = res.data.nickname || res.data.username
            // console.log('🚀 ~ file: index.js:19 ~ .then ~ name:', name)

            // 处理头像的时候， 根据 user_pic 来判断处理
            if (res.data.user_pic) {
                // 有user_pic， 显示图片头像
                $('.avatar').prop('src', res.data.user_pic).show()

                // 隐藏文字头像
                $('.text-avatar-box').hide()
            } else {
                // 没有 user_pic，显示文字头像
                $('.text-avatar-box').show()
                $('.text-avatar').html(name[0].toUpperCase())

                // 隐藏图片头像
                $('.avatar').hide()
            }

            // 展示欢迎谁
            $('#welcome').text(`欢迎 ${name}`)
        })
}
getUserInfo()

// todo ================================ 退出功能 ================================
const layer = layui.layer
$('#btnLogout').click(function () {
    // 先弹框
    layer.confirm(
        '确认退出登录吗??',
        { icon: 3, title: '提示' },
        function (index) {
            // 点击确定按钮
            // do something

            // 真的要退出
            // 1， token清除
            localStorage.removeItem('token')

            // 2. 跳转回登录页面
            location.href = '/login.html'

            // 把弹窗关闭
            layer.close(index)
        }
    )
})
